<style>
#vehicleInspection_image_frame .imageBox{
   height:300px;
}
#vehicleInspection_image_frame .imageBox .lineIcon{
   border-left:1px dashed #000;
   width:1px;
   display:inline-block;
   height:275px;
   margin:25px 40px 0 20px;
   float:left;
}
#vehicleInspection_image_frame .imageBox .lineIcon img{
   margin-left:-10px;
   margin-top:-20px
}
#vehicleInspection_image_frame .imageBox .picData{
   width:calc(100% - 80px);
   display:inline-block
}
#vehicleInspection_image_frame .imageBox .picData span{
   font-size:20px;
}
#vehicleInspection_image_frame .imageBox .picData .picDiv{
   width:400px;
   height:260px;
   margin-top:5px
}
</style>

<section id="vehicleInspection_image_frame">
<div class="imageBox">
   <div class="lineIcon"><img src="images/icon-carInto.png"></div>
   <div class="picData">
        <span style="color:#358fe4">入场图片</span>
        <div class="picDiv"><img width="100%" height="100%" src="images/no-pic.png"></div>
   </div>
</div>
<div class="imageBox">
   <div class="lineIcon"><img src="images/icon-carOut.png"></div>
   <div class="picData">
        <span style="color:#04934b">出场图片</span>
        <div class="picDiv"><img width="100%" height="100%" src="images/no-pic.png"></div>
   </div>
</div>

</section>
<script>
    var vehicleInspectionImageManager = new VehicleInspectionImageDetail($('#vehicleInspection_image_frame'));
</script>